$(function () {
    "use strict";

   //Бургер меню для адаптивной версии
    $('#burger').on('click', function () {
        $('#menu').addClass('open');
    });

    $('#menu *').on('click', function () {
        $('#menu').removeClass('open');
    });

    //Событие на кнопку "Выбрать макарун"
    $('.macaroons-info-btn').on('click', function () {
        $('.products')[0].scrollIntoView({behavior: 'smooth'});
    });

    //Событие на кнопки "Заказать"
    let productOrderBtn = $('.product-item-btn')
    productOrderBtn.on('click', function (e) {
        inputOrderName.val($(e.target).parents('.product-item-action').find('.product-item-title').text());
        $('.form')[0].scrollIntoView({behavior: 'smooth'});
    });

    //Валидация формы
    const inputOrderName = $('[name="product"]');
    const inputPhone = $('[name="phone"]');
    inputPhone.inputmask({"mask": "+7 (999) 999-9999"});

    $('form').on('submit', function (e) {
        e.preventDefault();

        const inputName = $('[name="name"]');
        const loader = $('.loader');
        //Тексты для ошибок
        let errorText = ["Необходимо ввести заказ", "Необходимо ввести имя", "Необходимо ввести телефон"];
        //Переменная флаг
        let validErr = false;


        inputOrderName.removeClass('error-input');
        $('#labelOrder p').remove();
        if (!inputOrderName.val()) {
            inputOrderName.addClass('error-input');
            $('#labelOrder').append(`<p style="margin: 10px 0 0 35px; color: red; font-size: 14px;">${errorText[0]}</p>`);
            validErr = true;
        }

        inputName.removeClass('error-input');
        $('#labelName p').remove();
        if (!inputName.val()) {
            inputName.addClass('error-input');
            $('#labelName').append(`<p style="margin: 10px 0 0 35px; color: red; font-size: 14px;">${errorText[1]}</p>`);
            validErr = true;
        }

        inputPhone.removeClass('error-input');
        $('#labelPhone p').remove();
        if (!inputPhone.val()) {
            inputPhone.addClass('error-input');
            $('#labelPhone').append(`<p style="margin: 10px 0 0 35px; color: red; font-size: 14px;">${errorText[2]}</p>`);
            validErr = true;
        }

        if (!validErr) {
            loader.css('display', 'flex');
            $.ajax({
                method: "POST",
                url: "https://testologia.ru/checkout",
                data: { product: inputOrderName.val(), name: inputName.val(), phone: inputPhone.val() },
            })
                .done(function( msg ) {
                    loader.hide();
                    console.log(msg);
                    if (msg.success) {
                        $('.order-form').remove();
                        $('.order-done').css('display', 'flex').fadeIn('slow', 300);
                    } else {
                        alert("Возникла ошибка при оформлении заказа, позвоните нам и сделайте заказ");
                    }
                });
            $('form')[0].reset();
        }
    })

});